﻿*,body,div,p,table,td,input,option,textarea,select{margin:0; padding:0; color:#5c5c5c; font-family:"Microsoft YaHei", Helvetica;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{font-size:10px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body{font-size:1.4rem; min-width:320px; max-width:640px; background:#004b97;}
ul {list-style-type:none; margin:0; padding:0;}
table {border-collapse:collapse;}
table tr th {font-weight:normal;}
textarea {overflow: auto;margin: 0;font: inherit;}
a,a:visited {text-decoration: none;}
a.underline{text-decoration: underline;}
img{vertical-align: middle;}
.hide{display: none;}
.clearfix {clear:both;}
.pull-left {float:left;}
.pull-right {float:right;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.b {font-weight:bold;}
.font-12 {font-size:12px;font-size: 12px!important;}
.font-14{font-size: 14px;font-size: 14px!important;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-24{font-size: 24px;}
.font-30{font-size: 30px;}

.blank-5 {height:5px; clear:both;} 
.blank-10{height: 10px;clear: both;}
.blank-1{height: 1em;clear: both;}
.blank-2{height: 2em;clear: both;}
.bold{font-weight: bold;}

hr {height:0;margin: 10px 0px;border:0;border-top:1px solid #d8b2b1;overflow: hidden;clear: both;}
hr.dotted{border-style: dotted;}
.p-2em{text-indent: 2em;}
.white{color: #fff;}
.black{color: #000;}
.red {color:#c80404;}
.orange {color:#ff5400;}
.gray {color:#9f9f9f;}
.blue{color: #019be1;}
.blue-l{color: #4cb9ea;}
.gloomy{color:#5c5c5c;}
.bg-white{background: #fff;}
.lh-20{line-height: 20px;}
.lh-25{line-height: 25px;}
.lh-30{line-height: 30px;}
.padding-10{padding: 10px;}
.padding-15{padding: 15px;}
.no-padding{padding: 0px;}
.margin-top-20{margin-top: -30px;}
.no-border{border:0px;border:0px!important;}

.overflow_touch{-webkit-overflow-scrolling:touch; overflow-x:hidden; overflow-y:auto;position: absolute;top: 50px;z-index: -1;bottom: 50px;}

.p-overflow{
  width: 100%;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.border-color-blue{
  border: 2px solid #019be1;
}
.border-radius{border-radius: 6px;}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  background: none;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 12px;
}
.btn-orange{
  background: #ff5400;
  color: #fff;
  border-color: #ff5400;
}
.btn-blue{
	color: #fff;
	background-color: #019be1;
	border-color: #019be1;
}
.banner{
  position: relative;
  overflow: hidden;
}
.banner-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/wechat-banner-bg.png) left bottom no-repeat;
  background-size: 100%;
  top: 0;
  left: 0;
}
.banner img{
  width: 100%;
  border-radius: 4px;
}
.banner h2{
  position: absolute;
  color: #fff;
  line-height: 1;
  left: 20px;
}
.banner h2{
  bottom:2rem; 
  font-size: 3rem;
}
@media screen and (max-width:640px){
  .banner h2{
    bottom:1rem; 
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}
.border-orange{
  width: 220px;
  padding: 10px;
  border-radius: 10px;
  margin: 15px auto;
  color: #ff5400;
  border:2px solid #ff5400;
  text-align: center;
  font-size: 16px;
}
.border-blue{
  border:5px solid #019be1;
  border-radius: 10px;
}
table td{padding: 5px;}
.table{
  width: 100%;
  border: 0;
}
.table > thead > tr > th{
  padding: 8px;
  line-height: 1.42857143;
  border-left: 1px solid #019be1;
  border-top: 1px solid #019be1;
  border-bottom: 1px solid #019be1;
  font-size: 1.4rem;
  text-align: left;
}
.table > thead > tr > th:first-child{
  border-left: 0;
}
.table > tbody > tr > td{
  padding: 10px;
  line-height: 1.42857143;
  font-size: 1.4rem;
  border-bottom: 1px solid #e8e8e8;
}
.label{
  display: inline;
  margin: 5px 0;
  padding: 7px 8px;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label-green{
  background-color: #66be1e;
}
.radio{
  display: table;
  width: 100%;
  text-align: center;
}
.radio-line{
  display: table-cell;
  width: 25%;
  text-align: center;
}
.radio-line input[type=radio]{
  width: 100%;
  height: 52px;
  margin: 0;
  padding: 0;
  /*opacity: 0;
  filter: "alpha(opacity=0)";*/
}
.radio-line input[type=radio]+ label{
  display: inline-block;
  width: 100%;
  height: 32px;
  font-size: 14px;
  text-align: center;
  background: transparent;
  border: 1px solid #5c5c5c;
  color: #5c5c5c;
  border-radius: 2px;
  line-height: 25px;
  opacity: 1;
}
.radio-line input[type=radio]:checked + label{
  background-color: #038dcc;
  border-color: #038dcc;
  color: #fff;
}
select{
  background-color: none;
  border: 0;
  color: #019be1;
  font-size: 16px;
  padding: 5px;
  font-weight: bold;
}
/*滑块*/
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  border-radius: 10px; 
  margin-top: 8px;
  height: 30px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;/*中间拖动的块块*/
} 
input[type=range]::-webkit-slider-runnable-track {
  height: 10px;/*拖动轨道*/
  border-radius: 4px; 
  background-color: #019be1;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 27px;
  width: 27px;
  margin-top: -10px;
  background: #fff; 
  border: 7px solid #019be1;
  border-radius: 50%;
}
input[type=range]::-webkit-tooltip { 
  display: block; 
}
.pic-panel{
  width: 100px;
  height: 100px;
  margin: 20px auto;
  background-color: #efefef;
  padding: 4px;
  border-radius: 50%;
  overflow: hidden;
}
.agentName{
	padding:12px 4px;
	font-size:12px;
}
.telphone{
	font-size:12px;
}

#tr td{
	border-right:1px #ddd solid;
	padding:0;
}
#tr #last{
	border:none;
}

.pic-panel-bottom{
  width: 40px;
  height: 40px;
  margin: auto;
  background-color: #efefef;
  padding: 1px;
  border-radius: 50%;
  overflow: hidden;
}
.pic-panel img,.pic-panel-bottom img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
input[type='mail']{
  border: 0;
  background: none;
}
input:focus{
  outline: none;
}
.footer{
  height: 50px;
  padding: 5px 15px;
  background: #fff;
  text-align: center;
  box-shadow: 0 -1px 5px rgba(0,0,0,0.5);
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.radio_blo{
  width: 100%;
}
.radio_yes,.radio_no{
  display: inline-block;
  width: 20%;
  margin: 0px 5px;
  height: 32px;
  font-size: 14px;
  text-align: center;
  background: transparent;
  border: 1px solid #5c5c5c;
  color: #5c5c5c;
  border-radius: 2px;
  line-height: 32px;
  opacity: 1;
}
.radio_yes{
  background-color: #038dcc;
  border-color: #038dcc;
  color: #fff;
}
/*弹出层样式*/ 
.open-block{
  width:40%; 
  background:#fff; 
  border-radius:5px; 
  box-shadow:0 0 10px #7f7f7f; 
  z-index:10;
  -webkit-animation: showAlert 0.3s; 
    animation: showSweetAlert 0.3s;
}

@-webkit-keyframes pushRight {
  0% {left: 100% }
  100% {left: 10%;} 
}
@keyframes pushRight {
  0% {left: 100% }
  100% {left: 10%;} 
}
@-webkit-keyframes showAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } 
}
@keyframes showAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } 
}
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } 
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } 
}
.open-header {
  padding:15px 15px;
  text-align:center; 
  font-size:1.7rem; 
  background:#fff;  
  border-bottom: 1px solid #e3e3e3;
  border-radius:3px 3px 0 0; 
  background-clip:padding-box; 
  font-weight:normal; 
  color:#5b5b5b;
}
.open-header .close {
  margin-top: -2px;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.open-header .icon {
  display: block;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin:auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

 
.icon_phone img {width: 23px; height: 23px; margin-top: -5px;}

/*标题首期总保费*/
.top_tit {height: 50px; line-height: 50px; padding-left: 10px; color: #038dcc; font-size: 16px; background: #fff;position: fixed;top: 0;width: 100%; }


/*病种按钮距离*/
.margin-right10{margin-right: 10px;}

/*禁止换行*/
.no_wrap tr td{white-space: nowrap;}

/*疾病弹出层*/
.open_disease{background: #fff; border-radius: 5px; width: 95%;}
.open_disease_header {
  padding:15px 15px;
  text-align:center; 
  font-size:1.6rem; 
  background:#fff;  
  border-bottom: 1px solid #e3e3e3;
  border-radius:3px 3px 0 0; 
  background-clip:padding-box; 
  font-weight:normal; 
  color:#5b5b5b;
}
.open_disease_header .close {
  margin-top: -2px;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  border: none;
  background-color: transparent;
}

.open_disease_body {-webkit-overflow-scrolling:touch; overflow:auto;}

.disease_table tr th{background: #f1f1f1; padding: 5px 0; font-size: 1.4rem;}
.disease_table tr td {vertical-align: top; padding:5px; font-size: 1.3rem;}
@media screen and (min-width:1000px){
 .disease_table tr th { font-size: 2rem; padding:10px;}
 .disease_table tr td { font-size: 1.8rem; padding:10px;}

}
@media screen and (min-width:2000px){
 .disease_table tr th { font-size: 3rem; padding:10px;}
 .disease_table tr td { font-size: 2.7rem; padding:10px;}
}


/*loading动画*/
#coverBox {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000
}
.coverBg {
  width: 80px;
  height: 80px;
  background: #0087fb;
  border-radius: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px;
  z-index: 1001;
  opacity: 0;
  -webkit-animation: coverBgMv 4s 0s
}
.coverBgLine, .coverBgLine1 {
  width: 1px;
  background-color: #0087fb;
  top: 0
}
.coverBgLine {
  position: absolute;
  left: -20px;
  height: 30px;
  opacity: .5
}
.coverName, .coverTitleBox p {
  position: absolute;
  opacity: 0
}
.coverBgLine1 {
  position: absolute;
  right: -20px;
  height: 20px
}
.coverName {
  z-index: 1002;
  left: 50%;
  top: 50%;
  color: #fff;
  width: 180px;
  text-align: center;
  margin-left: -90px;
  font-size: 20px;
  -webkit-animation: coverNameMv 3.6s .5s
}
.coverName b{color: #fff;}
.coverTitleBox {
  width: 86%;
  left: 7%;
  top: 33%;
  z-index: 1003;
  position: absolute
}
.coverTitleBox p {
  width: 6%;
  padding-top: 9%;
  background-size: 100% auto
}
.coverTitle {/*选*/
  background: url(../img/coverTitle.png)no-repeat;
  left: -1%;
  top: 35px;
 }
.coverTitle1 {/*择*/
  background: url(../img/coverTitle1.png)no-repeat;
  left: 6%;
  top:30px;
}
.coverTitle2 {/*安*/
  background: url(../img/coverTitle2.png)no-repeat;
  left: 13%;
  top: 20px;
}
.coverTitle3 {/*联*/
  background: url(../img/coverTitle3.png)no-repeat;
  left: 20%;
  top: 18px;
}
.coverTitle4 {/*就*/
  background: url(../img/coverTitle4.png)no-repeat;
  left: 27%;
  top: 13px;
}
.coverTitle5 {/*是*/
  background: url(../img/coverTitle5.png)no-repeat;
  left: 34%;
  top: 8px;
}
.coverTitle6 {/*选*/
  background: url(../img/coverTitle6.png)no-repeat;
  left: 41%;
  top: 0px;
}
.coverTitle7 {/*择*/
  background: url(../img/coverTitle7.png)no-repeat;
  left: 48%;
  top: 2px;
}
.coverTitle8 {/*一*/
  background: url(../img/coverTitle8.png)no-repeat;
  left: 55%;
  top: 5px;
}
.coverTitle9 {/*种*/
  background: url(../img/coverTitle9.png)no-repeat;
  left: 63%;
  top: -1px;
}
.coverTitle10 {/*生*/
  background: url(../img/coverTitle10.png)no-repeat;
  left: 70%;
  top: -5px;
}
.coverTitle11 {/*活*/
  background: url(../img/coverTitle11.png)no-repeat;
  left: 78%;
  top: -5px;
}
.coverTitle12 {/*方*/
  background: url(../img/coverTitle12.png)no-repeat;
  left: 86%;
  top: -6px;
}
.coverTitle13 {/*式*/
  background: url(../img/coverTitle13.png)no-repeat;
  left: 94%;
  top: -4px;
}
 


.coverLine {
  background: url(../img/coverLine.png)no-repeat;
  background-size: 100% auto;
  padding-top: 15%;
  width: 70%;
  left: 15%;
  top: 38%;
  position: absolute;
  z-index: 1004
}
.coverTitleBox {
  -webkit-animation: coverTitleBoxMv .3s 3.4s;
  opacity: 1
}
.coverTitle {
  -webkit-animation: coverTitleMv .3s 1s
}
.coverTitle1 {
  -webkit-animation: coverTitleMv .3s 1.1s
}
.coverTitle2 {
  -webkit-animation: coverTitleMv .3s 1.2s
}
.coverTitle3 {
  -webkit-animation: coverTitleMv .3s 1.3s
}
.coverTitle4 {
  -webkit-animation: coverTitleMv .3s 1.4s
}
.coverTitle5 {
  -webkit-animation: coverTitleMv .3s 1.5s
}
.coverTitle6 {
  -webkit-animation: coverTitleMv .3s 1.6s
}
.coverTitle7 {
  -webkit-animation: coverTitleMv .3s 1.7s
}
.coverTitle8 {
  -webkit-animation: coverTitleMv .3s 1.8s
}
.coverTitle9 {
  -webkit-animation: coverTitleMv .3s 1.9s
}

.coverTitle10 {
  -webkit-animation: coverTitleMv .3s 2s
}

.coverTitle11 {
  -webkit-animation: coverTitleMv .3s 2.1s
}

.coverTitle12 {
  -webkit-animation: coverTitleMv .3s 2.2s
}
.coverTitle13 {
  -webkit-animation: coverTitleMv .3s 2.3s
}


.coverLine {
  -webkit-animation: coverLineMv 2.2s 1.5s;
  opacity: 0
}
.coverLine p {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0087fb;
  right: 0;
  top: 0;
  -webkit-animation: coverLinePMv .5s 1.4s;
  opacity: 0
}
@-webkit-keyframes coverBgMv {
0% {
-webkit-transform:scale(.1)rotate(0);
transform:scale(.1)rotate(0);
opacity:0;
left:50%
}
3% {
-webkit-transform:scale(1)rotate(90deg);
transform:scale(1)rotate(90deg);
opacity:.8;
left:50%
}
6% {
-webkit-transform:scale(1.5)rotate(270deg);
transform:scale(1.5)rotate(270deg);
opacity:1;
left:50%
}
9% {
-webkit-transform:scale(2)rotate(480deg);
transform:scale(2)rotate(480deg);
opacity:1;
left:50%
}
25%, 75% {
-webkit-transform:scale(15)rotate(720deg);
transform:scale(15)rotate(720deg);
opacity:1;
left:50%
}
100% {
-webkit-transform:scale(15)rotate(720deg);
transform:scale(15)rotate(720deg);
opacity:0;
left:-100%
}
}
@-webkit-keyframes coverNameMv {
0% {
-webkit-transform:scale(.1)rotate(0);
transform:scale(.1)rotate(0);
opacity:0;
top:50%;
left:50%
}
1% {
-webkit-transform:scale(.5)rotate(90deg);
transform:scale(.5)rotate(90deg);
opacity:1;
top:50%;
left:50%
}
2% {
-webkit-transform:scale(.8)rotate(190deg);
transform:scale(.8)rotate(190deg);
opacity:.8;
top:50%;
left:50%
}
3% {
-webkit-transform:scale(1)rotate(280deg);
transform:scale(1)rotate(280deg);
opacity:1;
top:50%;
left:50%
}
4% {
-webkit-transform:scale(1.2)rotate(360deg);
transform:scale(1.2)rotate(360deg);
opacity:1;
top:50%;
left:50%
}
20%, 40% {
-webkit-transform:scale(1)rotate(360deg);
transform:scale(1)rotate(360deg);
opacity:1;
top:50%;
left:50%
}
50%, 80% {
-webkit-transform:scale(1)rotate(360deg);
transform:scale(1)rotate(360deg);
opacity:1;
top:65%;
left:50%
}
100% {
-webkit-transform:scale(1)rotate(360deg);
transform:scale(1)rotate(360deg);
opacity:0;
top:65%;
left:30%
}
}
@-webkit-keyframes coverTitleMv {
0% {
opacity:0;
-webkit-transform:scale(.1)rotate(0);
transform:scale(.1)rotate(0);

}
100% {
opacity:1;
-webkit-transform:scale(1)rotate(360deg);
transform:scale(1)rotate(360deg);
}
}
 

@-webkit-keyframes coverTitleBoxMv {
0% {
opacity:1;
left:10%
}
100% {
opacity:0;
left:0
}
}
@-webkit-keyframes coverLineMv {
0%, 100% {
opacity:0
}
10%, 90% {
opacity:1
}
}
@-webkit-keyframes coverLinePMv {
0% {
width:100%;
opacity:0
}
10% {
width:100%;
opacity:1
}
100% {
width:0;
opacity:1
}
}
.coverBg, .coverLine, .coverLine p, .coverName, .coverTitle, .coverTitle1, .coverTitle2, .coverTitle3, .coverTitle4, .coverTitle5, .coverTitle6, .coverTitle7,.coverTitle8, .coverTitle9,.coverTitle10,.coverTitle11,.coverTitle12,.coverTitle13,.coverTitleBox {
  -webkit-animation-fill-mode: forwards
}
/* 安康无忧利益演示样式 */
.WechatUl {
	text-align: center;
    font-size: 18px;
    line-height: 30px;
}
.wx-Blue-1{
	background: #019be1;
    color: #fff;
}
.wx-Blue-2{
	background: #a6e3ff;
}
.wx-Blue-3 {
    background: #edf9ff;
}
.orange-new{
	color: #ff5400;
}
.wx-font-black{
	color: #9f9f9f;
    font-size: inherit;
    font-weight: inherit;
}
.loading-panel {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    opacity: 1;
    z-index: 103;
    background: url(../img/bg_fix.png) repeat;
}
.loading {
    width: 80px;
    height: 40px;
    margin: 0px auto;
    padding-top: 35%;
}



